*{margin:0;padding:0;font:inherit;color:inherit;font-family:'Noto Sans KR', sans-serif;}
*, :after, :before{box-sizing:border-box;flex-shrink:0;}
:root{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4}
img, picture,video,canvas,svg{display: block;max-width:100%;}
button{background:none;border:0;cursor:pointer;}
a{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none}
.clear{clear:both}

.pd0{margin:0 !important}
.mr0{margin:0 !important}
.mt0{margin-top:0 !important}    .mt05{margin-top:5px !important}    .mt10{margin-top:10px !important}    .mt20{margin-top:20px !important}    .mt30{margin-top:30px !important}    .mt40{margin-top:40px !important}    .mt50{margin-top:50px !important}     .mt60{margin-top:60px !important}
.mb0{margin-bottom:0 !important} .mb05{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb20{margin-bottom:20px !important} .mb30{margin-bottom:30px !important} .mb40{margin-bottom:40px !important} .mb50{margin-bottom:50px !important}  .mb60{margin-bottom:60px !important}
.ml0{margin-left:0 !important}   .ml05{margin-left:5px !important}   .ml10{margin-left:10px !important}   .ml20{margin-left:20px !important}   .ml30{margin-left:30px !important}   .ml40{margin-left:40px !important}   .ml50{margin-left:50px !important}    .ml60{margin-left:60px !important}
.mr0{margin-right:0 !important}  .mr05{margin-right:5px !important}  .mr10{margin-right:10px !important}  .mr20{margin-right:20px !important}  .mr30{margin-right:30px !important}  .mr40{margin-right:40px !important}  .mr50{margin-right:50px !important}   .mr60{margin-right:60px !important}
.mr6{margin-right:6px !important}
.bran{border:none !important}
.brtn{border-top:none !important}
.brbn{border-bottom:none !important}
.brln{border-left:none !important}
.brrn{border-right:none !important}

input[type="checkbox"]{display:none;}
input[type="checkbox"] + label{color:#151518;font-size:21px;letter-spacing:-.9px;line-height:28px}
input[type="checkbox"] + label span{display:inline-block;margin:-6px 8px 0 0;width:24px;height:24px;background:url(../img/form/chkbox.png) no-repeat;vertical-align:middle;cursor:pointer}
input[type="checkbox"]:checked + label span{background:url(../img/form/chkbox.png) no-repeat 0 -100px}

input[type="radio"]{display:none}
input[type="radio"] + label{color:#f2f2f2}
input[type="radio"] + label span{display:inline-block;margin:-2px 10px 0 0;width:19px;height:19px;background:url(../img/form/radio.png) -38px top no-repeat;vertical-align:middle;cursor:pointer}
input[type="radio"]:checked + label span{background:url(../img/form/radio.png) no-repeat}

input[type="text"],
input[type="password"]{display:block;width:100%;height:54px;background:#fff;border:1px solid #e1e6ee;color:#6a6e76;font-size:16px;line-height:53px;text-indent:20px;}
input[type="text"]:disabled{background:#f8f9fb;color:#bec5cc;}
input::placeholder{color:#bec5cc}

.btnarea{position:relative;margin-top:60px;text-align:center;font-size:0;}
.btn{display:inline-block;width:200px;height:60px;line-height:59px;text-align:center;font-size:16px;}
.btn_b{background:#3392ff;color:#fff}
.btn_n{background:#303544;color:#fff}
.btn_n2{background:#484e5f;color:#fff}

.c1{color:#2eaf00 !important}
.c2{color:#dfa400 !important}
.c3{color:#ee0000 !important}
.mainbg{background:#fff}

#wrap{position:relative;padding-top:80px;width:100%}
header{display:flex;align-items:center;position:relative;width:100%;height:160px;border-bottom:1px solid #d1d2d4;overflow:hidden}
header section{display:flex;align-items:flex-end;position:relative;margin:0 auto;width:1300px;height:100px;}
header h1{position:relative;margin:0;padding:0;height:100px;color:#151518;font-size:40px;font-weight:500;line-height:98px;letter-spacing:-.8px}
header .search{position:relative;;margin-left:auto;background:#add;}
header .search input{padding-right:45px;width:485px;height:42px;background:#f8f9fb;border:1px solid #e7e8ed;text-indent:15px;}
header .search input.home{background:#fff;}

header .search input::placeholder{padding:0;text-indent:15px;;color:#6a6e76;font-size:14px;}
header .search label{position:absolute;top:6px;right:8px;width:30px;height:30px;background:url('../img/gameguide/srch.png') no-repeat 50%;cursor:pointer;font-size:0;text-indent:-9999px;}

.container{display:flex;position:relative;margin:0 auto;width:1300px;}
.nav{position:relative;padding:85px 0 0 0;width:270px;border-right:1px solid #d1d2d4;}
.nav dl{position:relative;margin:0 0 15px 0}
.nav dl dt a{display:block;color:#151518;font-size:19px;line-height:27px;cursor:pointer;}
.nav dl dt::after{content:'';transform:rotate(-320deg);position:absolute;right:63px;top:8px;width:9px;height:9px;border-top:2px solid #c2c2c2;border-right:2px solid #c2c2c2}
.nav dl dt.toggle::after{transform:rotate(-225deg);top:6px;border-color:#151518;}
.nav dl dt.nosub::after{content:none}
.nav dl dd{display:none;;position:relative;margin:12px 0 48px 0;}
.nav dl dd a{display:block;color:#898c92;font-size:16px;line-height:28px;font-weight:400;}
.nav .active,.nav .active a{color:#3392ff}

.content{position:relative;margin-left:auto;width:970px;padding:85px 0 200px 0}

.guidemain{position:relative;}
.guidemain h2{padding-bottom:20px;color:#151518;font-size:22px;line-height:29px;font-weight:400;border-bottom:none}
.guidemain ul{position:relative;font-size:0;overflow:hidden;}
.guidemain ul li{display:inline-block;margin:0 20px 20px 0;padding-bottom:35px;width:310px;height:310px;background:#fff;border:1px solid #eaecf2;text-align:center;cursor:pointer;vertical-align:top;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1);}
.guidemain ul li:nth-child(3n){margin-right:0;}
.guidemain ul li p{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 20px;height:140px;}
.guidemain ul li img{display:block;}
.guidemain ul li b{color:#151518;font-size:18px;line-height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.guidemain ul li span{margin-top:12px;color:#a2a5ac;font-size:14px;line-height:18px;}

.srch_result{position:relative}
.srch_result p{position:relative;margin-bottom:60px;padding:50px 0;background:#f8f9fb;border:1px solid #eeedf2;color:#36393f;font-size:18px;line-height:32px;text-align:center;}
.srch_result p b{color:#3392ff;}
.srch_result p a{color:#36393f;font-weight:500;text-decoration:underline;}
.srch_result dl{position:relative;margin-top:30px;padding-bottom:30px;border-bottom:1px solid #eeedf2}
.srch_result dl dt{color:#151518;font-size:18px;line-height:24px}
.srch_result dl dd{margin-top:20px;color:#898c92;font-size:16px;font-weight:400;line-height:30px;}
.srch_result dl dd b{color:#36393f;font-weight:500;}
.srch_result dl:last-child{border-bottom:none}
.srch_result ul li{color:#898c92;font-size:18px;line-height:32px;text-align:center;}
.srch_result ul li b{display:block;margin-bottom:20px;color:#151518;font-weight:500;}
.srch_result ul li span{color:#36393f}
.srch_result ul li a{color:#36393f;font-weight:500;text-decoration:underline;}
.srch_more{position:relative;margin-top:100px;text-align:center}
.srch_more a{display:inline-block;width:330px;height:60px;background:#fff;border:1px solid #c4cfd8;text-align:center;color:#898c92;font-size:16px;line-height:60px;}

.down_agree{position:relative;margin-top:40px;text-align:center;}
.down_agree p{position:relative;padding:20px 30px;height:240px;background:#f8f9fb;border:1px solid #eeedf2;color:#6a6e76;font-size:14px;line-height:22px;overflow-y:scroll;text-align:left;}
.down_agree a{display:inline-block;margin-top:60px;width:330px;height:60px;text-align:center;line-height:60px;background:#3392ff;color:#fff;font-size:16px;}

.down_agree ul{position:relative;margin-top:30px;text-align:left;}
.down_agree ul li{color:#898c92;font-size:15px;line-height:30px;}
.down_agree ul li b{color:#151518;}
.down_agree ul li a{display:inline-block;margin:0 0 0 10px;padding:0;width:86px;height:29px;line-height:29px;background:#ffff;border:1px solid #c4cfd8;color:#898c92;font-size:12px;text-align:center;}

.driver_down{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.driver_down ul{display:flex;flex-direction:column;align-items:center;justify-content:center;width:315px;height:245px;background:#f8f9fb;border:1px solid #eeedf2;border-radius:4px;}
.driver_down ul li{text-align:center;color:#151518;font-size:14px;line-height:24px;}
.driver_down ul li img{display:inline-block;padding:0;margin:0 0 12px 0;}
.driver_down ul li a{display:inline-block;margin-top:17px;width:110px;height:35px;border:1px solid #e0e2ec;border-radius:3px;background:#fff;text-align:center;line-height:35px;color:#6a6e76;font-size:12px;}
footer{padding:50px 0;;border-top:1px solid #d1d2d4;text-align:center;font-size:12px;color:#898c92}

.gg_template .guide_summary{position:relative;margin:40px 0 0 0;color:#151518;font-size:16px;line-height:30px}
.gg_template .guide_summary span{color:#898c92;}
.gg_template .guide_summary img{display:block;width:100%;}
.gg_template h2{margin-bottom:40px;padding-bottom:15px;color:#151518;font-size:26px;line-height:34px;font-weight:300;border-bottom:1px solid #eeedf2;}
.gg_template h3{margin:60px 0 20px 0;color:#3392ff;font-size:18px;line-height:24px;font-weight:400;}
.gg_template h4{margin-bottom:30px;color:#898c92;font-size:16px;line-height:30px;font-weight:400;}
.gg_template h4 b{color:#3392ff;font-weight:400;}
.gg_template img{display:block;margin-bottom:30px;}
.gg_template .linked{position:relative;margin-bottom:60px;}
.gg_template .linked strong{display:block;color:#0840c3;font-size:16px;line-height:30px;font-weight:500;}
.gg_template .linked a{display:block;margin-left:6px;color:#0840c3;font-size:16px;line-height:30px;font-weight:400;text-decoration:underline;}
.gg_template .last_update{position:relative;margin-top:100px;height:60px;background:#f8f9fb;border:1px solid #eeedf2;text-align:center;line-height:60px;color:#898c92;font-size:15px}
.gg_template .btnarea{position:relative;margin-top:10px;text-align:right;}
.gg_template .btnarea a.btncopy{display:inline-block;width:49px;height:46px;text-align:center;background:#484e5f url('../img/board/board_ico_copy.png') no-repeat 50%;text-indent:-9999px;}
.gg_template table{position:relative;width:100%;}
.gg_template table th{padding:17px 0;border:1px solid #e0e2ec;background:#f8f9fb;;text-align:center;color:#6a6e76;font-size:13px;}
.gg_template table th:first-child{border-right:none}
.gg_template table td{padding:30px;border:1px solid #eeedf2;color:#6a6e76;font-size:14px;line-height:24px;}
.gg_template table td:first-child{border-right:none}
.gg_template table td.center{padding:17px 0;text-align:center;}
.gg_template table td.cell_st1{padding:17px;background:#fbfbfd;color:#36393f;font-size:14px;font-weight:500;vertical-align:middle;text-align:center;}
.gg_template table td.cell_st2{padding:14px 30px;background:#fbfbfd;color:#36393f;font-size:14px;font-weight:500;vertical-align:middle;text-align:center;}
.gg_template table th.line,
.gg_template table td.line{border-right:1px solid #eeedf2;}

.guide_template{position:relative;color:#898c92;font-size:16px;line-height:30px;font-weight:400;}
.guide_template .titimg{margin-bottom:50px;}
.guide_template .titimg img{display:block;width:100%;}
.guide_template .summary{position:relative;margin-bottom:60px;color:#36393f;font-size:16px;line-height:30px;font-weight:400;}
.guide_template h1{position:relative;display:inline-block;padding:0 0 8px 0;margin:0 0 20px 0;color:#151518;font-size:22px;line-height:29px;border-bottom:1px solid #151518;font-weight:400;}
.guide_template h2{position:relative;display:block;padding:0;margin:0 0 20px 0;color:#151518;font-size:20px;line-height:30px;font-weight:400;}
.guide_template h3{position:relative;display:block;padding:0;margin:0 0 20px 0;color:#3392ff;font-size:18px;line-height:30px;font-weight:400;}
.guide_template h4{position:relative;display:block;padding:0;margin:0 0 20px 0;color:#151518;font-size:16px;line-height:30px;font-weight:400;}
.guide_template p{color:#36393f;font-size:16px;line-height:30px;}
.guide_template p img{display:block;margin-top:10px;}
.guide_template p span{display:block;font-size:0;}
.guide_template p span img{display:inline-block;}
.guide_template a{color:#0840c3;font-size:16px;text-decoration:underline;font-weight:400;}
.guide_template .txt_red{color:#d00 !important}
.guide_template .director{position:relative;padding:40px;margin-bottom:30px;background:#f8f9fb;border-radius:15px;color:#36393f;line-height:30px;font-size:16px;}
.guide_template .director b{display:block;padding:0 0 10px 29px;font-weight:bold;background:url('../img/ico/ico_director.png') no-repeat 0 5px;}
.guide_template .basic{display:block;padding-left:10px;margin-bottom:30px;color:#898c92}
.guide_template .basic::before{content:'·';display:inline-block;margin:0 0px 0 -10px;color:#555}
.guide_template .indent1{display:block;padding-left:10px;}
.guide_template .indent1::before{content:'·';display:inline-block;margin:0 7px 0 -10px;}
.guide_template .indent2{margin-left:10px;}
.guide_template .indent3{margin-left:10px;}
.guide_template .indent4{margin-left:22px;}
.guide_template .st_link b{display:block;color:#0840c3;font-size:16px;font-weight:500;}
.guide_template table{width:100%;border-left:1px solid #e0e2ec;border-top:1px solid #e0e2ec;}
.guide_template table th,.guide_template table td{border-right:1px solid #e0e2ec;border-bottom:1px solid #e0e2ec;}
.guide_template table th{height:55px;background:#f8f9fb;color:#6a6e76;font-size:13px;font-weight:500;text-align:center;}
.guide_template table td{padding:18px 30px;color:#6a6e76;font-size:14px;line-height:24px;}
.guide_template table td img{display:inline-block;vertical-align:middle;}
.guide_template table td.bg{background:#fbfbfd;color:#36393f;font-weight:500;text-align:center}
.guide_template table td.center{text-align:center;}
.guide_template table td.right{text-align:right}
.guide_template table td p{color:#6a6e76;font-size:14px;line-height:24px;}

.guideyjh table img, .guide_template table img, .gg_template table img{margin-bottom: 0px; margin-top: 0px;}

/* 운영자 CSS */
.gdtable00 {border-collapse:collapse;width:100%;}
.gdtable00 *{color:#898c92}
.gdtable00 th {padding:5px;border:1px solid #bcbcbc;background:#f5f6f9;}
.gdtable00 td {padding:5px;border:1px solid #bcbcbc;}
.gdtable00 td img{vertical-align: middle;}
.gdtable00 .max{font-weight:bold;background-color:#e2efda;}
.guideyjh h1{margin-bottom:40px;padding-bottom:15px;color:#151518;font-size:26px;line-height:34px;font-weight:300;border-bottom:1px solid #eeedf2;}
.guideyjh h2{margin:60px 0 20px 0;padding:0;color:#3392ff;font-size:18px;line-height:24px;font-weight:400;border-bottom:none}
.guideyjh h3{margin-bottom:30px;padding:0;color:#898c92;font-size:16px;line-height:30px;font-weight:400;border-bottom:none}
.guideyjh img{display:block;margin-bottom:30px;}
.guideyjh dt{padding:0;margin:40px 0 20px 0;color:#3392ff;font-size:18px;line-height:24px;font-weight:400;}
.guideyjh dd{padding:0;margin:0;color:#898c92;font-size:16px;line-height:30px;}
.guideyjh dd strong{color:#151518;}
.guideyjh dd img{display:block;margin-top:20px;}
.guideyjh img{vertical-align: top; max-width:100%;}
.guideyjh p,
.guideyjh p h1,
.guideyjh p h2 {margin:0;color:#151518;font-size:16px;}
.guideyjh a{color:rgb(26, 111, 254);text-decoration: none;}
.guideyjh .devcomment{padding:8px;margin-bottom:5px;border: 1px dashed #ccc;}
.guideyjh .tab  {padding-left:10px;}
.guideyjh .tab2 {padding-left:20px;}
.guideyjh .tab3 {padding-left:30px;}
.guideyjh .center{text-align:center;}
.guideyjh .warning{color:#b56733;}
.guideyjh li {list-style:none;}
.guideyjh li a.lst {display:inline-block;padding-left:8px;background: url('https://bbscdn_df_nexon_com.pure-db.com/data6/commu/202109/161946_614d7c124abb8.gif') no-repeat 0 11px;color:#5d6069;line-height:26px;}
.guideyjh .wd10 {width:10%;}
.guideyjh .wd15 {width:15%;}
.guideyjh .wd20 {width:20%;}
.guideyjh .wd25 {width:25%;}
.guideyjh .wd30 {width:30%;}
.guideyjh .wd35 {width:35%;}
.guideyjh .wd40 {width:40%;}
.guideyjh .wd50 {width:50%;}
.guideyjh .wd60 {width:60%;}
.guideyjh .wd70 {width:70%;}
.guideyjh .unique {color:#ff00ff; }
.guideyjh .rare   {color:#b36bff; }
.guideyjh .legen  {color:#ff7800; }
.guideyjh p.eqItemCard p{cursor: pointer;display: inline-block;padding: 0px;height: 28px;background: #f5f6f9;border: none;font-weight: bold;vertical-align: middle;}
.guideyjh p.eqItemCard em {display:none}
.guideyjh .itemcard th:first-child {text-align: left;}
.guideyjh table{position:relative;width:100%;border-right:1px solid #e0e2ec;border-bottom:1px solid #e0e2ec}
.guideyjh table th,
.guideyjh table td{border-left:1px solid #e0e2ec;border-top:1px solid #e0e2ec;border-right:none;border-bottom:none}
.guideyjh table th{padding:17px 0;background:#f8f9fb;;text-align:center;color:#6a6e76;font-size:13px;}
.guideyjh table td{padding:30px;color:#6a6e76;font-size:14px;line-height:24px;}
.guideyjh table img{display:inline-block;vertical-align:middle;}
.guideyjh .flex{display:flex;align-items:center;}
.guideyjh .flex img{margin:0 5px 0 0;padding:0;}


/* TOP 버튼 */
.top{display:block;position:absolute;right:40px;bottom:40px;width:70px;height:70px;background:#484e5f;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);text-align:center;color:#fff;font-size:13px;line-height:70px;cursor:pointer;}
.top:hover{background:#197cff;}

/* 아이템박스 */
.itembox{padding:0;background:#f8f9fb;border:1px solid #e0e2ec;border-bottom:none}
.itembox p{position:relative;display:flex;align-items:center;padding:0 30px;height:90px;border-bottom:1px solid #e0e2ec;}
.itembox p b{margin-left:8px;width:340px;font-size:15px;font-weight:500;}
.itembox p a.open_acquire{position:absolute;right:20px;top:30px;width:16px;height:25px;background:url('../img/ico/ico_acquire.png');cursor:pointer;;text-indent:-9999px;}
.itembox p a.open_acquire.active{background-position:0 -50px}
.itembox .equip_more{display:none;}
.itembox .acquire_more{display:none;border-bottom:1px solid #e0e2ec}
.itembox .acquire_more strong{display:block;height:70px;background:#ebeef3;text-align:center;color:#36393f;font-weight:500;font-size:16px;line-height:68px;}
.itembox .acquire_more .acquire_c{padding:30px;color:#6a6e76;font-size:14px;}
.itembox .acquire_more b{font-weight:500;color:#6a6e76;}
.itembox .show{display:block;}
.itembox dl{position:relative;overflow:hidden;padding:20px 30px;border-bottom:1px solid #e0e2ec;}
.itembox dl dt{float:left;width:200px;color:#6a6e76;font-size:14px;line-height:24px;}
.itembox dl dd{float:right;text-align:right;width:200px;line-height:24px;font-size:14px;}
.itembox dl dd span{display:block;}
.itembox ul{position:relative;overflow:hidden;padding:20px 30px;border-bottom:1px solid #e0e2ec;}
.itembox ul li{color:#36aec9;font-size:14px;line-height:24px;}
.itembox ul li b{color:#d39500;}
.itembox ul li span{color:#6a6e76;}
.itembox ul li a{display:inline-block;margin-right:8px;color:#6a6e76;text-decoration:underline;}
.itembox ul li.set_item{cursor:pointer;}
.itembox ul li.set_item img{display:inline-block;margin-right:10px;vertical-align:middle;}
.itembox ul li.set_item b.bold{font-weight:500;}
.itembox .bbn{border-bottom:none}

.tagcopy{display:flex;align-items:center;position:relative;margin-top:10px;padding:0 15px 0 0;width:500px;height:80px;background:#f8f9fb;border:1px solid #e0e2ec;}
.tagcopy span{display:flex;align-items:center;justify-content:center;width:140px;height:80px;background:#5c6377;;color:#fff;font-size:15px;font-weight:500;text-align:center;}
.tagcopy a{display:flex;align-items:center;margin-left:auto;padding:0 20px;width:350px;height:80px;cursor:pointer;}
.tagcopy a b{display:inline-block;margin-left:8px;width:270px;font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;overflow:hidden;}
.tagcopy.output a{width:500px;}
.tagcopy.output a b{width:420px;}

.ly_itembox{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:900}
.ly_itembox .ly_mw{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);}
.ly_cbox{position:absolute;left:50%;top:50%;margin:-405px 0 0 -265px;;width:530px;height:810px;background:#303544}
.ly_cbox h1{position:relative;height:100px;line-height:100px;text-align:center;color:#fff;font-size:21px;font-weight:300;}
.ly_cbox h1 a{position:absolute;right:20px;top:41px;width:18px;height:18px;background:url('../img/btn/ly_clse_18x18.png') no-repeat;cursor:pointer;}
.ly_cbox .itembox{margin:0 0 0 10px;width:510px;height:700px;background:#fff;overflow-y:scroll;}

/* 아이템 컬러 */
.item_c0{color:#000000 !important}
.item_c1{color:#555555 !important}/* 커먼 */
.item_c2{color:#00a6ac !important}/* 언커먼 */
.item_c3{color:#5001bc !important}/* 레어 */
.item_c4{color:#db00db !important}/* 유니크 */
.item_c5{color:#da0000 !important}/* 크로니클 */
.item_c6{color:#b75601 !important}/* 레전더리 */
.item_c7{color:#d39500 !important}/* 에픽 & 아바타(상급) */
.item_c8{color:#cc70db !important;background: -webkit-linear-gradient(top, #ff9600, #a52fc8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color: transparent} /* 신화 */
.item_set{color:#4c9d17 !important}/* 세트 */
.item_lv{color:#23c823 !important}/* 레벨제한 */
.item_fusion{color:#f00 !important}/* 융합 */